<div class="roll_class clearfix">
  <div style="text-align: center">
 <div class="roll_class_herder clearfix" [style.width.px]="RollClass.containerWidth">
   <span class="class_name">{{RollClass.className}}</span>
   <span class="student_total">（{{RollClass.totalBoxArr.length}}人）</span>
 </div>
  </div>
  <div class="class_students_container" *ngIf="RollClass.isLoad">
    <div class="class_students f_l clearfix" [style.width.px]="RollClass.containerWidth" >
       <div class="student f_l" *ngFor="let item of RollClass.totalBoxArr;let i = index" >
        <p class="stu_no">{{i+1}}</p>
         <div class="stu_center" (click)="RollClass.isMinute = true;RollClass.currentIndex = i">
           <div class="hearder_img" [style.background-image]="'url('+(item.HeadPhotoPath?(utilServe.readImgUrl+item.HeadPhotoPath):RollClass.defaultImg)+')'"></div>

           <p class="stu_name">{{item.Name}}</p>
           <p class="stu_number">账号：{{item.Phone?item.Phone:(item.Name?item.Name:'暂无')}}</p>
         </div>
       </div>
      <div class="empty_box f_l" *ngFor="let item of RollClass.lastEmptyBoxArr">
        <img src="/assets/img/rollIndex/kongtouxiang.png" alt="">
      </div>
    </div>
  </div>
  <div class="loading" *ngIf="!RollClass.isLoad"><img src="/assets/img/rollIndex/loading-white.gif" alt=""></div>
</div>


